<template>
        <div>
                父子组件传值Demo:
                <Children :name="msg" :age="foo"
                 :sex="'test'" :hobby="'play'"
                 :tsString="msg"
                 :msg="'baaa'" 
                 @event-to-parent="value=>{console.log('子组件的值：',value)}" 
                >
                        <template #default="{message}">
                        {{ message }}
                        </template>
                 </Children>
        </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
import Children from './Children.vue';

const msg = ref<string>('bal bal');
const foo = ref<number>(12);
</script>

<!-- :hobby="'play'" :msg="'msgtest'" :tsString="'nameString'"
@event-to-parent="value=>{console.log('子组件的值：',value)}" -->